<ion-header>
  <ion-toolbar>
    <ion-button (click)="router.back()" fill="clear" slot="start">
      <ion-icon slot="start" name="chevron-back-outline"></ion-icon>
    </ion-button>
    <ion-title>注册</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="ion-padding">
  <div class="reg-headpic">
    <img src="../../assets/login.jpg" alt="" />
  </div>

  <ion-card style="margin-top: 30px;">
    <ion-item style="background-color: aqua;">
      <ion-label>用户名:</ion-label>
      <ion-input
        type="text"
        placeholder="请输入账号"
        #uname
        maxlength="9"
        minlength="2"
      ></ion-input>
    </ion-item>

    <ion-item style="background-color: aqua;">
      <ion-label>密&nbsp;&nbsp;&nbsp;码:</ion-label>
      <ion-input
        type="password"
        placeholder="请输入密码"
        #upwd
        maxlength="12"
        minlength="6"
      ></ion-input>
    </ion-item>
  </ion-card>

  <ion-button
    style="width: 95%;margin: 0 auto;"
    expand="block"
    (click)="doReg(uname,upwd)"
  >
    注册
  </ion-button>
</ion-content>
